import { DndProvider } from "react-dnd";
import { HTML5Backend } from "react-dnd-html5-backend";
import { FunctionPalette } from "../FunctionPalette/FunctionPalette";
import { FlowCanvas } from "../FlowCanvas/FlowCanvas";
import { RunButton } from "../RunButton";
import { NodeEditorModal } from "../NodeEditorModal";
import { RuntimeInfoPanel } from "../RuntimeInfoPanel";
import "../../App.css";

export function Function_Drag() {
  return (
    <DndProvider backend={HTML5Backend}>
      <div className="app-container">
        <div className="left-panel">
          <FunctionPalette />
          <RunButton />
          <FlowCanvas />
          <RuntimeInfoPanel />
        </div>
        <NodeEditorModal />
      </div>
    </DndProvider>
  );
}
